{% extends "layouts/base.html" %}
{% load navtag %}
{% block nav %}
  {% nav "product" %}
  {{ block.super }}
{% endblock %}
{% block content %}
  <div class="nav-right">
    <div class="col-md-3" style="border-right: 1px solid #e4e7ea;">
      <ul class="nav tabs-vertical" style="margin-right: 30px;float:right;">
        <li>
          <a data-toggle="tab" href="#system">
            <i class="fa fa-square"></i>
            LZEA系统介绍
          </a>
        </li>
        <li>
          <a data-toggle="tab" href="#">
            <i class="fa fa-square"></i>
            企业后台管理
          </a>
          <ul>
            <li>
              <a data-toggle="tab" href="#task">
                <i class="fa fa-circle"></i>
                任务管理
              </a>
            </li>
            <li>
              <a data-toggle="tab" href="#jiagou">
                <i class="fa fa-circle"></i>
                企业组织架构管理
              </a>
            </li>
            <li>
              <a data-toggle="tab" href="#yuangong">
                <i class="fa fa-circle"></i>
                员工管理
              </a>
            </li>
          </ul>
        </li>
        <li>
          <a data-toggle="tab" href="#">
            <i class="fa fa-square"></i>
            LZEA系统
          </a>
          <ul>
            <li>
              <a data-toggle="tab" href="#zonglan">
                <i class="fa fa-circle"></i>
                数据总览
              </a>
            </li>
            <li>
              <a data-toggle="tab" href="#renwu">
                <i class="fa fa-circle"></i>
                任务数据
              </a>
            </li>
            <li>
              <a data-toggle="tab" href="#bumen">
                <i class="fa fa-circle"></i>
                部门数据
              </a>
            </li>
          </ul>
        </li>
      </ul>
    </div>
    <div class="col-md-9" style="width: 1000px;padding: 10px 40px;">
      <div class="tab-content">
        <div class="tab-pane active" id="system">
          <h1>LZEA系统介绍</h1>
          欢迎使用LZEA系统：
          <br>
          &emsp;LZEA系统致力于加速企业，优化工作流程，提高工作效率，降低企业生产力损耗。
          <br>
          &emsp;使用本系统，所有工作流程细节，将录入本系统，交由本系统管理。基于所有工作细节数据，多维度分析工作，达到优化效果。

        </div>
        <div class="tab-pane" id="task">
          任务管理

        </div>
        <div class="tab-pane" id="jiagou">
          企业组织架构

        </div>
        <div class="tab-pane" id="yuangong">
          员工管理

        </div>
        <div class="tab-pane" id="zonglan">
          总览数据

        </div>
        <div class="tab-pane" id="renwu">
          任务数据

        </div>
        <div class="tab-pane" id="bumen">
          部门数据

        </div>
      </div>
    </div>
  </div>
  <style>
    .nav-right li {
      list-style-type: none;
      margin: 10px 0px;
    }

    .nav-right ul.nav li.active a, ul.nav li a:hover {
      background: #FFFFFF;
      color: #5a88ca;
    }

    .nav-right ul.nav li a:hover {
      text-decoration: underline;
    }

    i {
      color: #23b7e5;
      margin: 0px 10px;
    }

    h1 {
      color: #26A69A;
      text-align: center;
    }

    .nav-right {
      font-size: 18px;
    }
  </style>
{% endblock %}